<!DOCTYPE html>
<html>
<head>
	<title>河北盘古有限公司</title>
	<meta charest="utf-8">
	<style>
		*{
	padding:0px;
    margin: 0px;
}
a{
	text-decoration: none;
}
ul,ol,li{
	list-style: none;
}
/*头部*/
.heade-warp{
	height: 100px;
	border-bottom: 3px solid rgb(48,181,226);
}
.header{
	width: 1200px;
	height: 100px;
	margin: 0 auto;
}
.logo{
	width: 220px;
	height: 100px;
	margin-top: 30px;
	float: left;
}
.nav{
	width: 560px;
	height: 100px;
	line-height: 100px;
	float: left;
}
.nav li{
	display: inline-block;
}
.nav li a{
	color: black;
	font-size: 14px;
    margin-left: 15px;
}
.nav li a:hover{
    color: rgb(29,200,246);
    border-bottom: 3px solid rgb(48,181,226);
}
.sp{
	position: relative;
}
.childsp{
    background-color: #fff;
    width: 90px;
    height: 50px;
    position: absolute;
    opacity: 0;
}
.sp:hover .childsp{
	opacity: 1;
	height: 50px;
}
.headright{
	width:400px;
	height: 100px;
	line-height: 100px; 
	float: left;
}
#time{
	float: left;
}
.headright-up{
	float: left;
	margin-left: 20px;
}
.bdyx{
	margin-top: 40px;
	margin-left: 20px;
	height: 20px;
	float: left;
}
.mfkt{
	margin-left: 50px;
}
/*大图片*/
.picture{
	height: 500px;
	margin: 0 auto;
	margin-left: 200px;
	background-image: url(img/arg2_rht.jpg);
	background-repeat: no-repeat;
}
.title{
    width: 500px;
    height: 250px;
    line-height: 60px;
    margin: 0 auto;
    padding-top: 150px;
}
.title p{
	font-size: 30px;
	color: rgb(31,78,164);
	font-family: '幼圆';
}
.title h4{
    font-size: 50px;
    font-weight: normal;
    color: rgb(190,228,247);
    text-align: center;
}
.bycon1{
	width: 1200px;
	height: 240px;
	margin: 0 auto;
}
.bycon2{
	width: 600px;
	height: 120px;
	line-height: 120px;
	margin: 0 auto;
}
.picture-bottom1{
    width: 150px;
    height: 120px;
    display: inline-block;
    margin: 0 auto;
    background: url(img/li1_03.png) no-repeat top center rgb(34,198,251);
    padding-left: 30px;
}
.picture-bottom2{
    width: 150px;
    height: 120px;
    display: inline-block;
    margin: 0 auto;
    background: url(img/li2_03.png) no-repeat top center rgb(34,198,251);
    padding-left: 30px;
    margin-left: 25px;
}
.picture-bottom3{
    width: 150px;
    height: 120px;
    display: inline-block;
    margin: 0 auto;
    background: url(img/li3_03.png) no-repeat top center rgb(34,198,251);
    padding-left: 30px;
    margin-left: 25px;
}
.bycon3{
	height: 70px;
}
.data{
	font-size: 40px;
	color:rgb(45,200,255);
	display: inline-block;
	margin-left: 100px;
}
.bycon3-left-word{
	font-size: 18px;
}
.bycon3-left{
	display: inline-block;
}
.bycon3-center{
	display: inline-block;
	font-size: 25px;
	margin-left: 100px;
}
.bycon3-right{
	display: inline-block;
	margin-left: 50px;
}
.bycon3-right1{
    width: 200px;
    height: 30px;
    background-color: rgb(37,197,247);
    margin-top: 20px;
    text-align: center;
}
.bycon3-right a{
	color: white;
}
.bycon3-right p{
	color: rgb(202,200,201);
	text-align: center;
}
/*为什么更多的人选择百度营销*/
.show-wrap{
	width: 1200px;
	height: 1550px;
	margin: 0 auto;
}
.headline{
	width: 1000px;
    height: 250px;
    line-height: 200px;
    margin: 0 auto;
    border-bottom: 1px solid gray;
}
.headline p{
	font-size: 50px;
	text-align: center;
	padding-top: 65px;

}
.show-left{
	width: 540px;
	height: 500px;
	display: inline-block;
}
.show-top{
	width: 540px;
	height: 120px;
	margin-left: 80px;
}
.show-top-right{
	width: 300px;
	height: 100px;
	display: inline-block;
}
.show-title{
	font-size: 30px;
	font-weight: bold;
}
.show-word{
	font-size: 20px;
}
.show-bottom{
	margin-left: 80px;
}
.show-bottom span{
    color: rgb(183,183,183);
    font-size: 14px;
}.show-right{
	width: 540px;
	height: 500px;
	display: inline-block;
}
.show-under{
	width: 1200px;
	height: 600px;
	border-top: 1px solid gray;
}
.show-under-top{
	width: 500px;
	height: 120px;
    line-height: 40px;
	margin: 30px auto;
}
.show-under-bottom{
	height: 600px;
	margin-left: 100px;
}
.show-under-bottom a{
	border: 2px solid rgb(189,232,239);
    margin-left: 400px;
    font-size: 25px;
    color: black;
}
/*品牌+效果*/
.brand-wrap{
	height: 800px;
	background-color: rgb(35,33,34);
}
.brand-top{
	height: 185px;
	line-height: 185px;
	margin: 0 auto;
}
.brand-top p{
	font-size: 50px;
	color: white;
	text-align: center;
}
.brand-bottom{
	width: 1200px;
	height: 550px;
	margin: 0 auto;
	background-color: rgb(31,29,30);
}
.brand-bottom1{
	width: 550px;
	height: 570px;
	display: inline-block;
}
.brand-word{
	width: 500px;
	height: 120px;
	padding-top: 50px;
	background-color: rgb(34,198,251);
}
.brand-words{
	width: 400px;
	height: 100px;
	margin: 0 auto;

}
.brand-word span{
    color: white;
    text-align: center;
}
.brand-bottom2{
	width: 550px;
	height: 570px;
	display: inline-block;
	margin-top: 20px;
}
.brand-wrap a{
	color: white;
	font-size: 25px;
	border: 2px solid white;
	margin-left: 700px;
}
/*注册*/
.signup{
	width: 1200px;
	height: 400px;
	margin: 0 auto;
	background-color: rgb(243,243,243);
	margin-top: 40px;
}
.signup-left{
	width: 500px;
	height: 400px;
	display: inline-block;
	margin-left: 50px;
}
.signup-right{
	width: 500px;
	height: 400px;
	display: inline-block;
}
.signup-left-input{
	height: 45px;
    margin-bottom: 20px;
    margin-left: 30px;
}
.mytxt{
	width: 350px;
	height: 45px;
	margin-left: 28px;
	background-color: rgb(34,63,255);
	color: white;
	font-size: 20px;
}
.signup-right span{
    font-size: 45px;
}
.signup-right p{
	font-size: 20px;
	margin-left: 100px;
	margin-bottom: 20px;
}
.signup-right textarea{
	font-size: 18px;
}
/*尾部*/
.end-wrap{
	height: 300px;
}
.end{
	height: 150px;
	background-color: rgb(35,33,34);
}
.end p{
	color: white;
	font-size: 40px;
    height: 20px;
    float: left;
    margin-left: 200px;
    margin-top: 50px;
}
.end span{
	float: left;
	margin-left: 150px;
}
.end-wrap-img{
    margin-left: 600px;
}
.end-bottom{
	width: 1200px;
	height: 40px;
	margin: 0 auto;
	border-top: 2px solid gray;
}
.end-bottom1{
	font-size: 10px;
    margin-left: 200px;
}
.end-bottom2{
	font-size: 10px;
	color: rgb(190,192,191);
	margin:0 20px;
}

body,html{
	height:20000px;
}
.up {
	display: none; 
	position: fixed; 
	right: 10px; 
	bottom: 20px;
	height: 100px;
	width: 100px;
}
	

	</style>
</head>
<body>
	<img src="./img/fix.png" id="top" class="up" onclick="goTop()" style="display:none;" />
    <!--头部-->
    <div class="heade-warp">
        <div class="header">
            <div class="logo">
    	        <a href="#" target="_blank"><img src="img/logo_02.jpg"></a>
    	    </div>
    	    <div class="nav">
    	        <ul>
    		        <li><a href="#">百度营销</a></li>
    		        <li><a href="#">信息流推广</a></li>
                    <li><a href="#">百度爱采购</a></li>
                    <li><a href="#">网站建设</a></li>
                    <li><a href="#">增值产品</a></li>
                    <li><a href="#">关于盘古</a></li>
    		        <li class="sp"><a href="#">优惠活动</a>
    		        <div class="childsp">
    		            <a href="#">爱采购优惠</a>
    		            <a href="#">开户赠礼</a>
    		        </div>
    		        </li>
    	        </ul>
    	    </div>
    	    <div class="headright">
    	        <div class="bdyx"><input type="text" id="time" /> 
                </div>
					<div class="headright-up">
                    <span class="mfkt"><a href="#" target="_balank"><img src="img/mfkt.jpg"></a></span>
                </div>
            </div>
        </div>
    </div>
    <!--头部下的图片-->
    <div class="picture">
        <div class="title">
            <p>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp让买家更快找到你</p>
            <h4>百度爱采购</h4>
            <p>&nbsp&nbsp百度首页展现无缝对接搜索需求</p>
        </div>
        <div class="bycon1">
            <div class="bycon2">
                <div class="picture-bottom1"></div>
                <div class="picture-bottom2"></div>
                <div class="picture-bottom3"></div>
            </div>
            <div class="bycon3">
            	<div class="bycon3-left">
            		<span class="data">789,688</span>
            		<span class="bycon3-left-word">家企业正在使用百度营销</span>
            	</div>
            	<div class="bycon3-center">18533200105</div>
            	<div class="bycon3-right">
            		<div class="bycon3-right1"><a href="#">立即注册开通</a></div>
            	    <p>领取免费做网站名额</p>
            	</div>
            </div>
        </div>
    </div>
    <!--为什么越来越多的人选择百度营销-->
    <div class="show-wrap">
    	<div class="headline">
    		<p>为什么越来越多的人选择百度营销？</p>
    	</div>
    	<div class="show-left">
    	    <div class="show-top">
    		    <span><img src="img/show1.png"></span>
    		    <div class="show-top-right">
    		        <p class="show-title">服务97.5%中国网民</p>
    		        <p class="show-word">覆盖线上线下24小时生活场景</p>
    		    </div>
    	    </div>
    	    <div class="show-bottom">
    	    	<span><img src="img/show4.png"></span>
    	    	<span>每天数十亿次搜索请求，超过1亿用户浏览百度信息，800亿次定位服务请求；辐射影院、楼宇、出行、家庭等多个生活娱乐场景。</span><br/>
    	    	<img src="img/con5_14.jpg">
    	    </div>
    	</div>
    	<div class="show-right">
    		<div class="show-top">
    		    <span><img src="img/show2.png"></span>
    		    <div class="show-top-right">
    		        <p class="show-title">借助AI技术</p>
    		        <p class="show-word">只让有意向的人看到你的广告</p>
    		    </div>
    	    </div>
    	    <div class="show-bottom">
    	    	<span><img src="img/show4.png"></span>
    	    	<span>百度大脑实时判断7亿用户行为特征和真实需求；只给感兴趣的人投放广告，为您节省成本。</span><br/>
    	    	<img src="img/con5_16.jpg">
    	    </div>
    	</div>
    	<div class="show-under">
    		<div class="show-under-top">
    		    <span><img src="img/show3.png"></span>
    		    <div class="show-top-right">
    		        <p class="show-title">按实际效果付费</p>
    		        <p class="show-word">只收取有效点击费用</p>
    		    </div>
    	    </div>
    	    <div class="show-under-bottom">
    	    	<span><img src="img/show4.png"></span>
    	    	<span>根据带来的咨询量及客户量，智能调整投放预算，以最优成本方式最大化您的广告效果。</span><br/>
    	    	<img src="img/con5_18.png"><br/>
    	    	<a href="#">立即开户体验</a>
    	    </div>
    	</div>
    </div>
    <!--品牌+效果-->
    <div class="brand-wrap">
    	<div class="brand-top">
    		<p>品牌+效果 祝您打破营销困局</p>
    	</div>
    	<div class="brand-bottom">
    		<div class="brand-bottom1">
    			<img src="img/bycp1_03.jpg">
    			<div class="brand-word">
    				<div class="brand-words"><span>通过百度信息流推广，精准面向中高端装修人群投放广告，增加在石家庄地区的曝光，获取预期客户咨询及到店量，达成签单转化目标。</span></div>
    			</div>
    		</div>
    		<div class="brand-bottom2"><img src="img/bycp2_03.png"></div>
    	</div>
    	<a href="#">我也要投放广告</a>
    </div>
    <!--表单-->
    <div class="signup">
    	<div class="signup-left">
    		<form>
    			<input class="signup-left-input" type="text" name="name" value="姓名" size="50px" /><br/>
    			<input class="signup-left-input" type="text" name="tel" value="电话" size="50px"/><br/>
    			<input class="signup-left-input" type="text" name="company" value="公司姓名" size="50px"/><br/>
                <input type="submit" value="提交" name="su" class="mytxt" />
    		</form>
    	</div>
    	<div class="signup-right">
    		<span><img src="img/signup1.png"></span>
        	<span>18533200105</span><br/>
    		<p>百度营销专员在线为您服务</p>
    		<textarea name="sign" rows="10" cols="55">
  张家口李女士 手机号:186xxxx3927 36分钟前注册开通
  秦皇岛张先生 手机号:159xxxx1685 10小时前注册开通
  承德吴女士   手机号:189xxxx7331 2天前注册开通
  石家庄刘经理 手机号:151xxxx3516 2天前注册开通
    			</textarea>
    	</div>
    </div>
    <!--尾部-->
    <div class="end-wrap">
    	<div class="end">
    		<p>做百度营销有保障 更省心</p>
    		<span><img src="img/end2.png"></span>
    	</div>
    	<img src="img/end.png" class="end-wrap-img">
    	<div class="end-bottom">
    		<span class="end-bottom1">Copyright 2003-2015 盘古网络(河北盘古网络技术有限公司)    欲了解业务详情，请拨打咨询热线!  </span>
    		<span class="end-bottom2">B1.B2-20120082</span>
    		<span><img src="img/footlogo.png"></span>
    	</div>
    </div>
</body>
<script>
//回到顶部	
	function goTop(){
			var odiv = document.getElementById("top");
			//将滚动距离设置为0，兼容性写法
			document.documentElement.scrollTop = document.body.scrollTop = 0;
		}

		window.onscroll = function(){
			var odiv = document.getElementById("top");
			
			//获取垂直滚动条的滚动距离，兼容性写法
			var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
			
			
			if(scrollTop > 2000){	
				odiv.style.display = "block";
			} else {
				odiv.style.display = "none"
			}
		}
//文本框点击移开效果
	var signup = document.getElementsByClassName("signup-left-input");
	for(var i=0;i<signup.length;i++){
		signup[i].onclick=function(){
			this.value ="";
		}
		signup[i].onmouseout=function(){
			this.style.border = "2px solid red";
			this.value = "该项不可为空";
			this.style.color="red";
		}
	}
//显示时间
function idenitify(num){
    return num<10?"0"+num:num;
   }
   function creatTimer(){
    var date1 = new Date();
    var year = date1.getFullYear();
    var month = date1.getMonth()+1;
    var day = date1.getDate();
    var hour = date1.getHours();
    var minute = date1.getMinutes();
    var second = date1.getSeconds();
    month = idenitify(month);
    day = idenitify(day);
    hour = idenitify(hour);
    minute = idenitify(minute);
    second = idenitify(second);
    var result = year+"年"+month+"月"+day+"日"+hour+":"+minute+":"+second;
    return result;
}
 var timeId = setInterval(function() {
        document.getElementById("time").value = creatTimer();
    }, 1000);
    function clearTimer(){
        clearInterval(timeId);
    }
    function setTimer(){
        timeId = setInterval(function() {
        document.getElementById("time").value = creatTimer();
    }, 1000);
    }
</script>
</html>






